//引入自动生成html文件插件
const HtmlWebpackPlugin = require('html-webpack-plugin')
const path = require('path')

module.exports = {
    //配置模式
    mode:"development",
    //配置入口
    entry:"./src/index.js",
    //开启服务器,默认在：./public
    devServer:{
    },
    resolve:{
        //默认扩展名
        extensions:['.js','.jsx'],
        //路径别名
        alias:{
            '@':path.join(__dirname,'./src')
        }
    },
    //模块规则
    module:{
        rules:[
            //编译jsx语言加载器
            {
                test:/\.jsx?$/,
                use:{
                    loader:'babel-loader',//加载器的名称
                    options:{ //设置加载器的参数
                        presets:['@babel/preset-react']
                    }
                },
                include:path.join(__dirname,'src')
            },
            //css加载器
            {
                test:/\.css$/,
                use:['style-loader','css-loader']
            },
            {
                test:/\.scss$/,
                use:['style-loader','css-loader','sass-loader']
            }
        ]
    },
    //处理加载器以外的自动化工作
    plugins:[
        //指定模板生成html文件
        new HtmlWebpackPlugin({
            template:'./src/index.html',
            title:'学生后台管理系统react项目'
        })

    ]
}